<style>
    /*footer*/
    .footer{
        position: fixed;
        bottom: 0;
        left: 0;
        height: 2.45rem;
        width: 100%;
        background-color: #fff;
        padding:0;
        z-index:99999;
    }
    .footitem{
        width: 25%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .footitem img{
        height: 1.4rem;
        width: 1.4rem;
        margin-bottom: 0.1rem;
    }
    .footFont{
        height:0.7rem;
        font-size:0.5rem;
        font-weight:400;
        color:#C5C5C0;
        line-height:0.7rem;
    }
    .footFont_active{
        color:#62C3D0;
    }
    .footKong{
        height: 2.45rem;
        width: 100%;
    }
    .topkong{
        height: 2rem;
    }
    /*footer*/
</style>
<div class="footKong"></div>
<div class="footer flex-wrap">
    <div class="footitem" onclick="openmain1()">
        <img src="__IMG__/nav/nav1{if $Request.controller != 'Index'}1{/if}.png" alt="">
        <div class="footFont {if $Request.controller == 'Index'} footFont_active{/if}">
            首页
        </div>
    </div>
    <div class="footitem" onclick="openmain2()">
        <img src="__IMG__/nav/nav2{if $Request.controller != 'Seelist'}2{/if}.png" alt="">
        <div class="footFont {if $Request.controller == 'Seelist'} footFont_active{/if}">
            搜索
        </div>
    </div>
    <div class="footitem" onclick="openmain3()">
        <img src="__IMG__/nav/nav3{if $Request.controller != 'Addshop'}3{/if}.png" alt="">
        <div class="footFont {if $Request.controller == 'Addshop'} footFont_active{/if}">
            报备
        </div>
    </div>
    <div class="footitem" onclick="openmain4()">
        <img src="__IMG__/nav/nav4{if $Request.controller != 'My'}4{/if}.png" alt="">
        <div class="footFont {if $Request.controller == 'My'} footFont_active{/if}">
            我的
        </div>
    </div>
</div>
<script type="text/javascript" src="__JS__/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="__JS__/layer_mobile/layer.js"></script>
<script>
    $('body').css('padding-bottom','2.45rem');

    function openmain1(){
        location.href = '{:url("index/Index/index")}';
    }
    function openmain2(){
        location.href = '{:url("index/Seelist/index")}';
    }
    function openmain3(){
        location.href = '{:url("index/Addshop/index")}';
    }
    function openmain4(){
        location.href = '{:url("index/My/index")}';
    }

</script>